<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>

    <script src="js/jquery.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/yanzhengma.js"></script>
    <script src="js/register.js"></script>
    <link rel="stylesheet" href="css/register.css">

</head>
<body>

    <div id="page">
        <div id="content">
            <div>
                <ul >
                    <h2>创建新账户:</h2>
                    <br/>
                    <li>
                        <input type="text" id="username"   placeholder="Username" required/>
                        <span id="notify_user" hidden>请输入用户名</span>
                    </li>
                    <li>
                        <input type="text"  id="email"  placeholder="Email" required/>
                        <span id="notify_email" hidden>请输入邮箱</span>
                    </li>
                    <li>
                        <input type="password"  id="pwd"  placeholder="password" required/>
                        <span id="notify_mm" hidden>请输入密码</span>
                    </li>
                    <li>
                        <input type="password"  id="pwd1"  placeholder="password" required/>
                        <span id="notify_mm1" hidden>请输入再次输入密码</span>
                    </li>
                    <li>
                        <input type="text" id="yzm" placeholder="验证码" required>
                        <span id="notify_yzm" hidden>请输入验证码</span><br/>
                        <canvas id="canvas" width="120px" height="40px"></canvas>
                        <a href="#" id="changeImg">看不清，换一张</a>

                    </li>
                </ul>
            </div>
            <div class="submits">
                <input type="submit" onClick="myFunction()" value="创建账户">
            </div>
        </div>
    </div>


<script>
    drawPic();
    document.getElementById("changeImg").onclick = function(e){
        e.preventDefault();
        drawPic();
    }

</script>

</body>
</html>